<script setup lang="ts">
import {useRoute} from "vue-router";
import UserMessageFooterView from "./UserMessageFooterView.vue";
import UserMessageContentView from "./UserMessageContentView.vue";

const route = useRoute()
const page = (Number)(route.query.page as string)
</script>

<template>
  <div class="message-box">
    <div class="message-content">
      <div class="message-main">
        <user-message-content-view :page="page"></user-message-content-view>
      </div>
    </div>
    <div class="message-box-footer">
      <user-message-footer-view></user-message-footer-view>
    </div>
  </div>
</template>

<style scoped lang="scss">
@import "style/UserMessage";
</style>